.search {
    background-image: linear-gradient(90deg,#0af,#0085ff);
    text-align: center;
    height: .44rem;
    position: relative;
}
.searchInput {
    height: .3rem;
    width: 75%;
    border: 0;
    line-height: .3rem;
    border-radius: .15rem;
    font-size: .12rem;
    padding-left: .4rem;
    margin-top: .07rem;
}
.selectedArea {
    color: #666;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: .12rem 0 0.07rem .15rem;
    font-size: .14rem;
}
.alphabet {
    position: fixed;
    right: .11rem;
    top: 1.6rem;
    color: #999;
    font-size: .1rem;
    z-index: 999;
}
.alphabet li {
    height: .2rem;
    width: .2rem;
    line-height: .2rem;
    text-align: center;
}
.alphabetBox {
    overflow: auto;
    height:calc(100% - .88rem);
}
.regionListBox {
    height: 100%;
}
.cityListItem {
    height: .45rem;
    margin-left: .15rem;
    line-height: .45rem;
    border-bottom: 1px solid #ddd;
    font-size: .14rem;
}
.cityTitle {
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #f5f5f5;
    position: sticky;
    top: 0;
    padding: .12rem 0 .06rem .15rem;
    font-size: .14rem;
}